<template>
  <div>
    <!-- 详情页下的内容 -->
    <div class="details_box" >
      <div v-for="(item,index) in category" :key="index" >
        <div class="item-title">
          <span class="iconfont">&#xe63e;</span>
        {{item.title}}
        </div>
        <div v-if="item.children" class="itemChildren" :key="index">
          <Details :category="item.children"></Details>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// import axios from "axios";
export default {
  name: "Details",
  data() {
    return {};
  },
  props: {
    category: Array,
    isSHow:Boolean
  },
  mounted() {},
};
</script>

<style  scoped>
.iconfont {
  color: rgb(51, 219, 219);
}
/* .details_box > div {
  line-height: 0.6rem;
} */
.item-title {
  /* width: 100%; */
  line-height: 0.5rem;
  /* font-size: 0.32rem; */
  padding: 0.05rem;
  box-sizing: border-box;
  border-bottom: 1px solid #a4a5a5;
}
.itemChildren{
    padding :0 0.25rem;
    box-sizing: border-box;
}
</style>